<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es-ES">
<head>
<script type="text/javascript" src="js/jquery.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Cómo crear un menú de pestañas elegante en jQuery</title>
    <link rel="stylesheet" href="stylesheets/css/main.css" type="text/css" media="screen" />
</head>
<body>
    <div class="wrapper">
        <h1>Creando un menú desplegable en jQuery</h1>
        <ul class="dropdown">
			<li class="active">Visualizando: <span>Tutoriales</span></li>
			<li class="first"><a href="#">Recursos</a></li>
			<li><a href="#">Inspiración</a></li>
			<li><a href="#">Contacto</a></li>
			<li class="last"><a href="#">Ver más...</a></li>
		</ul>
    </div>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="main.js"></script>
</body>
</html>